<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
    <script src="/22-06/echarts/echarts.js"></script>
    <script src="/jqery.js"></script>
    <script src="/22-06/echarts插件/echarts主题.js"></script>
    <script src="/22-06/06-06/China.js"></script>
    <script
    language="javascript"
    src="https://webapi.amap.com/maps?v=2.0&key=670048a1e9e5dec7c029a0f954cfe08f&plugin=AMap.Scale,AMap.ToolBar"
  ></script>
  <script
    type="text/javascript"
    src="https://a.amap.com/jsapi_demos/static/demo-center/data/china-pp.js"
  ></script>
</head>
<style>
    #main{
        width: 1000px;
        height: 500px;
    }
</style>
<body>
    <div id="main"></div>
</body>
<script>
    var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};

option && myChart.setOption(option);

</script>
</html>